<template>
    <view class="scLoading common-loading " :style="loading ? 'height:100rpx;' : 'height:0rpx'">
        <!-- loading -->
        <u-loading-icon :mode="mode" :size="size" :color="varCss.color"></u-loading-icon>
    </view>
</template>

<script>
export default {
    props: {
        loading: {
            type: Boolean,
            default: true
        },
        size:{
            type:String,
            default: '24px'
        },
        mode:{
            type:String,
            default: 'circle'
        }
    },
    name: "scLoading",
    data() {
        return {}
    },
}
</script>
<style lang='scss' scoped>
.scLoading {
}
</style>
